{extend name="index_base" /} {block name="seo"}
<title>{$article.title|strip_tags} - {$site_config['site_title']}!</title>
<meta name="keywords" content="{$article.keywords}">
<meta name="description" content="{$article.description}">
{/block}
{block name="css"}
<link rel="stylesheet" href="__HOME__/css/detail.css">
{/block}
{block name="body"}
<article class="content-true">
    <section class="container layui-clear">
        <div class="index-container layui-clear">

            <div class="article_content layui-clear">
                <div class="left">
                    <h3 class="article-title">{$article.title}</h3>
                    <div class="article-bq layui-clear">
                        <time>{$article.publish_time}</time>
                        <span class="bq-zz">所属分类：<a href="/list/{$article.category_id}.html" target="_blank">{$article.categoryName}</a></span>
                        <b class="bq-wg">围观人数：<font>{$article.total_view}</font></b>
                        <strong class="bq-dz">点赞：<font>{$article.praise_num}次</font></strong>
                    </div>
                    <div data-id="15300" class="article-content">
                        {$article.content}
                    </div>
                    <div class="article-end">
                        <div class="through theend"><span>the end</span></div>
                        <div class="statement">免责声明：本文来自 {$site_config.site_title} 发布，但不代表本站的观点和立场。</div>
                        <div class="good {if $hasPraised}hover{/if}">
                            <a class="layui-icon layui-icon-praise"></a>
                            <span data-dz="0" class="dznumbers">已有{$article.praise_num}次赞</span>
                        </div>
                    </div>
                    <div class="article-pl">
                        <div class="title">我要评论 <font class="plnumber">0条评论，0条回复</font></div>
                        <div class="main">
                            <textarea id="pinglun" placeholder="快来说两句吧.."></textarea>
                            <div class="myinfo layui-clear">
                                <div class="logineds">
                                    <a class="my-nick" href="/user/index.html" target="_blank"><img
                                            src="__HOME__/images/default_head.png"/>匿名用户</a>
                                    <button onclick="exit();" class="exit">退出</button>
                                </div>
                                <button class="sendpl">发布评论</button>
                            </div>
                        </div>
                        <ul id="hot-pl" class="pl-list">
                            <div class="title">热门评论</div>
                        </ul>
                        <ul id="new-pl" class="pl-list">
                            <div class="title">最新评论</div>
                        </ul>
                        <a class="showMore" data-page="1"> 查看更多评论 </a>
                    </div>
                </div>
                <div class="right">
                    <div class="title">作者信息</div>
                    <div class="athuor-info layui-clear">
                        <a href="/person/{$authorInfo.uuid}.html" target="_blank">
                            <img src="{$authorInfo.avatar}" onerror="this.src='__HOME__/images/default_head.png';" />
                            <div class="nick">
                                <h3>{$authorInfo.nickname}</h3>
                                <span>{$authorInfo.description}</span>
                            </div>
                        </a>
                        <div class="data">
                            <div class="layui-clear">
                                <span>投稿次数</span>
                                <span>通过</span>
                                <span>获赞</span>
                            </div>
                            <div class="number layui-clear">
                                <span>{$authorInfo.posted_num}</span>
                                <span>{$authorInfo.passed_num}</span>
                                <span data-dz="{$authorInfo.praise_num}" class="allhz">{$authorInfo.praise_num}</span>
                            </div>
                        </div>
                        <div class="btn">
                            <a href="javaScript:lxzz('{$authorInfo.qq_id}');" target="_blank"><i class="iconfont icon-QQ"></i>联系作者</a>
                            <a href="/person/{$authorInfo.uuid}.html" target="_blank">他的主页</a>
                        </div>
                    </div>
                    <div class="title">为您推荐</div>
                    <ul class="twdd">
                       {volist name="rands" id="vo"}
                        <li>
                            <a href="/html/{$vo.id}.html" target="_blank" class="layui-clear">
                                <div class="list-img">
                                    <img src="{$vo.cover_img}" onerror="this.src='__HOME__/images/no-img1.png';"/>
                                </div>
                                <div class="info">
                                    <h3>{$vo.title}</h3>
                                    <font>{$vo.created_at}</font>
                                </div>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>
            </div>

        </div>
    </section>
</article>
{/block}
{block name="js"}
<script src="__HOME__/js/detail.js"></script>
<script id="pl-template" data-id="1-{$article.id}" type="text/html">
    {{#   layui.each(d, function(index, item){ }}
    <li class="layui-clear">
        <a href="/person/{{item.uuid}}.html" target="_blank" class="li-img">
            <img src="{{item.avatar}}" onerror="this.src='__HOME__/images/default_head.png';"/>
        </a>
        <div class="li-info" data-id="{{item.id}}">
            <a href="/person/{{item.uuid}}.html" class="li-nick" target="_blank">{{item.nick}}{{#if("c2db2e9c-3cc7-49a1-baa4-3c53d7e9fdd6"===item.uuid){}} <em style="background: #4bc4ff; margin-left: 8px; margin-right: -8px;">作者</em>{{#}else if(item.rank=="管理员" || item.rank=="金牌作者"){}}<em>{{item.rank}}</em> {{#}}}<i>{{getDateDiff(item.time)}}</i></a>
            <div class="li-content">{{item.content}}</div>
            {{#if(item.reply.length>0){}}
            <div class="zi-pl">
                <ul>
                    {{#  layui.each(item.reply, function(indexs, items){ }}
                    <li {{#if (indexs>1){}} hidden{{#} }}>
                        <div class="zi-pl-content">
                            <a href="/person/{{items.uuid}}.html" target="_blank" class="zi-nick">{{items.nick}}</a>
                            {{#  layui.each(item.reply, function(idx, items_hf){ }}

                            {{#if(items.pid==items_hf.id){}}
                            回复 <a href="/person/{{items_hf.uuid}}.html" target="_blank" class="zi-nick"> {{items_hf.nick}} </a>
                            {{#}}}

                            {{#});}}
                            ：
                            {{items.content}}
                        </div>
                        <div class="zi-cz" data-id="{{items.id}}">
                            <a class="huifubtn">回复</a>
                            · {{getDateDiff(items.time)}}
                        </div>
                    </li>
                    {{#});}}
                </ul>
                {{#if( item.reply.length>2){}}
                <a href="javaScript:void(0)" class="zi-loadmore">查看更多回复</a>
                {{#}}}
            </div>
            {{#}}}
            <div class="li-go">
                <a class="huifubtn"><i class="iconfont icon-message"></i>回复</a>
                <a href="javaScript:void(0);" class="li-dz"  data-dz="{{item.up}}">
                    <i class="iconfont icon-dianzan"></i>赞{{item.up}}</a>
            </div>
        </div>
    </li>
    {{#  }); }}
</script>
{/block}